﻿<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="content-type" content="text/html;charset=utf-8"/>
    <title>Amazing Slider</title>
    
    <!-- Insert to your webpage before the </head> -->
    <script src="sliderengine/jquery.js"></script>
    <script src="sliderengine/amazingslider.js"></script>
    <script src="sliderengine/initslider-1.js"></script>
    <!-- End of head section HTML codes -->
    
</head>
<body>
<div style="margin:30px auto;max-width:700px;">
    
    <!-- Insert to your webpage where you want to display the slider -->
    <div id="amazingslider-1" style="display:block;position:relative;margin:16px auto 56px;">
        <ul class="amazingslider-slides" style="display:none;">
            <li><img src="Images/Galery/hotel1.jpg" alt="hotel1" /></li>
            <li><img src="Images/Galery/hotel2.jpg" alt="hotel2" /></li>
            <li><img src="Images/Galery/hotel3.jpg" alt="hotel3" /></li>
            <li><img src="Images/Galery/hotel4.jpg" alt="hotel4" /></li>
            <li><img src="Images/Galery/hotel5.jpeg" alt="hotel5" /></li>
            <li><img src="Images/Galery/hotel6.jpg" alt="hotel6" /></li>
            <li><img src="Images/Galery/hotel7.jpg" alt="hotel7" /></li>
            <li><img src="Images/Galery/hotel8.jpg" alt="hotel8" /></li>
            <li><img src="Images/Galery/hotel9.jpg" alt="hotel9" /></li>
            <li><img src="Images/Galery/hotel10.jpeg" alt="hotel10" /></li>
        </ul>
        <ul class="amazingslider-thumbnails" style="display:none;">
            <li><img src="Images/Galery/hotel1-tn.jpg" /></li>
            <li><img src="Images/Galery/hotel2-tn.jpg" /></li>
            <li><img src="Images/Galery/hotel3-tn.jpg" /></li>
            <li><img src="Images/Galery/hotel4-tn.jpg" /></li>
            <li><img src="Images/Galery/hotel5-tn.jpeg" /></li>
            <li><img src="Images/Galery/hotel6-tn.jpg" /></li>
            <li><img src="Images/Galery/hotel7-tn.jpg" /></li>
            <li><img src="Images/Galery/hotel8-tn.jpg" /></li>
            <li><img src="Images/Galery/hotel9-tn.jpg" /></li>
            <li><img src="Images/Galery/hotel10-tn.jpeg" /></li>
        </ul>
        <div class="amazingslider-engine" style="display:none;"><a href="http://amazingslider.com">JavaScript Slider</a></div>
    </div>
    <!-- End of body section HTML codes -->
    
</div>
</body>
</html>